<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8"/>-->
<!--    <title>user</title>-->
<!--    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>-->
<!--    <script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>-->
<!--    <script type="text/javascript" src="/js/My97DatePicker/lang/zh-cn.js"></script>-->


<!--</head>-->
<!--<body class="container">-->
<!--<br/>-->
<!--<h1>添加账单</h1>-->
<!--<br/><br/>-->
<!--<div class="with:80%">-->
<!--    <form class="form-horizontal" action="/bill/add" method="post">-->
<!--        <div class="form-group">-->
<!--            <label for="typeId" class="col-sm-2 control-label">类型</label>-->
<!--            <div class="col-sm-10">-->
<!--                <select name="typeId" id="typeId" class="form-control">-->
<!--					&lt;!&ndash; TODO 回显账单类型 &ndash;&gt;-->
<!--                </select>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label for="title" class="col-sm-2 control-label" >标题</label>-->
<!--            <div class="col-sm-10">-->
<!--                <input type="text" class="form-control" name="title" id="title" placeholder="标题"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label for="billTime" class="col-sm-2 control-label">日期</label>-->
<!--            <div class="col-sm-10">-->
<!--                <input type="text" class="form-control" name="billTime"  id="billTime" placeholder="日期" onclick="WdatePicker()"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label for="price" class="col-sm-2 control-label">金额</label>-->
<!--            <div class="col-sm-10">-->
<!--                <input type="text" class="form-control" name="price"  id="price" placeholder="金额"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label for="explain" class="col-sm-2 control-label">说明</label>-->
<!--            <div class="col-sm-10">-->
<!--                <input type="text" class="form-control" name="explain"  id="explain" placeholder="说明"/>-->
<!--            </div>-->
<!--        </div>-->

<!--        <div class="form-group">-->
<!--            <div class="col-sm-offset-2 col-sm-10">-->
<!--                <input type="submit" value="保存" class="btn btn-info" />-->
<!--                &nbsp; &nbsp; &nbsp;-->
<!--                <input type="reset" value="重置" class="btn btn-info" />-->
<!--            </div>-->

<!--        </div>-->
<!--    </form>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>user</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>
    <script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
    <script type="text/javascript" src="/js/My97DatePicker/lang/zh-cn.js"></script>
</head>
<body class="container"><br/>
<h1>添加账单</h1> <br/><br/>
<div class="with:80%">
    <form class="form-horizontal" th:action="@{/add}" method="post"
          enctype="multipart/form-data">
        <div class="form-group"><label for="typeId" class="col-sm-2 control-label">类型</label>
            <div class="col-sm-10"><select name="typeId" id="typeId" class="form-control">
                <option th:each="t:${types}" th:value="${t.id}" th:text="${t.name}"></option>
            </select></div>
        </div>
        <div class="form-group"><label for="title" class="col-sm-2 control-label">标题</label>
            <div class="col-sm-10"><input type="text" class="form-control" name="title" id="title" placeholder="标 题"/>
            </div>
        </div>
        <div class="form-group"><label for="billTime" class="col-sm-2 control-label">日期</label>
            <div class="col-sm-10"><input type="text" class="form-control" name="billTime" id="billTime"
                                          placeholder="日期" onclick="WdatePicker()"/></div>
        </div>
        <div class="form-group"><label for="price" class="col-sm-2 control-label">金额</label>
            <div class="col-sm-10"><input type="text" class="form-control" name="price" id="price" placeholder="金 额"/>
            </div>
        </div>
        <div class="form-group"><label for="explain" class="col-sm-2 control-label">说明</label>
            <div class="col-sm-10"><input type="text" class="form-control" name="explain" id="explain"
                                          placeholder="说明"/></div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10"><input type="submit" value="保存" class="btn btn-info"/> &nbsp; &nbsp;
                &nbsp; <input type="reset" value="重置" class="btn btn-info"/></div>
        </div>
    </form>
</div>
</body>
</html>
